{% extends "index.html" %}

{% block front_page %}{% endblock %}
{% block title %}{{ block.super }} | Nýskráning{% endblock %}
{% block content %}
<link type="text/css" href="/media/css/nyskraning/nyskraning.css" rel="stylesheet" />
<script src="/media/js/jquery-1.3.2.min.js"></script>
<script src="/media/js/jquery.eutils-1.0.min.js"></script>
<script src="/media/js/jquery.autovalidate-1.0.min.js"></script>
<script src="/media/js/nyskraning-init.js"></script>
<p>
    Velkominn á verkefnavefinn Framtíðarsýn þjóðar. Verkefnið er fyrir alla þjóðina svo við getum fundið sameiginlega framtíðarsýn. Vinsamlegast skráið ykkur inn hér fyrir neðan til að taka fyrsta skrefið inn í framtíðina.
</p>
<h2>Skráið ykkur hér í verkefnið:</h2>

<form method="post">
<p class="reqnote">Reiti merkta með <acronym class="req" title="Þarf að fylla út: ">*</acronym> þarf að fylla út.</p>
    
    
    <div class="fi_sel req">
      <label for="reg_pnr"><acronym class="req" title="Þarf að fylla út: ">*</acronym>Póstnúmer:</label>

      <select id="reg_pnr" name="postal_code">
        <option></option>
        <option value="101">101 - Reykjavík</option>
        <option value="103">103 - Reykjavík</option>
        <option value="104">104 - Reykjavík</option>
        <option value="105">105 - Reykjavík</option>
        <option value="107">107 - Reykjavík</option>

        <option value="108">108 - Reykjavík</option>
        <option value="109">109 - Reykjavík</option>
        <option value="110">110 - Reykjavík</option>
        <option value="111">111 - Reykjavík</option>
        <option value="112">112 - Reykjavík</option>
        <option value="113">113 - Reykjavík</option>

        <option value="116">116 - Reykjavík</option>
        <option value="121">121 - Reykjavík</option>
        <option value="123">123 - Reykjavík</option>
        <option value="124">124 - Reykjavík</option>
        <option value="125">125 - Reykjavík</option>
        <option value="127">127 - Reykjavík</option>

        <option value="128">128 - Reykjavík</option>
        <option value="129">129 - Reykjavík</option>
        <option value="130">130 - Reykjavík</option>
        <option value="132">132 - Reykjavík</option>
        <option value="150">150 - Reykjavík</option>
        <option value="155">155 - Reykjavík</option>

        <option value="170">170 - Seltjarnarnesi</option>
        <option value="172">172 - Seltjarnarnesi</option>
        <option value="190">190 - Vogum</option>
        <option value="200">200 - Kópavogi</option>
        <option value="201">201 - Kópavogi</option>
        <option value="202">202 - Kópavogi</option>

        <option value="203">203 - Kópavogi</option>
        <option value="210">210 - Garðabæ</option>
        <option value="212">212 - Garðabæ</option>
        <option value="220">220 - Hafnarfirði</option>
        <option value="221">221 - Hafnarfirði</option>
        <option value="222">222 - Hafnarfirði</option>

        <option value="225">225 - Álftanesi</option>
        <option value="230">230 - Reykjanesbæ</option>
        <option value="232">232 - Reykjanesbæ</option>
        <option value="233">233 - Reykjanesbæ</option>
        <option value="235">235 - Reykjanesbæ</option>
        <option value="240">240 - Grindavík</option>

        <option value="245">245 - Sandgerði</option>
        <option value="250">250 - Garði</option>
        <option value="260">260 - Reykjanesbæ</option>
        <option value="270">270 - Mosfellsbæ</option>
        <option value="300">300 - Akranesi</option>
        <option value="301">301 - Akranesi</option>

        <option value="302">302 - Akranesi</option>
        <option value="310">310 - Borgarnesi</option>
        <option value="311">311 - Borgarnesi</option>
        <option value="320">320 - Reykholt í Borgarfirði</option>
        <option value="340">340 - Stykkishólmi</option>
        <option value="345">345 - Flatey á Breiðafirði</option>

        <option value="350">350 - Grundarfirði</option>
        <option value="355">355 - Ólafsvík</option>
        <option value="356">356 - Snæfellsbæ</option>
        <option value="360">360 - Hellissandi</option>
        <option value="370">370 - Búðardal</option>
        <option value="371">371 - Búðardal</option>

        <option value="380">380 - Reykhólahreppi</option>
        <option value="400">400 - Ísafirði</option>
        <option value="401">401 - Ísafirði</option>
        <option value="410">410 - Hnífsdal</option>
        <option value="415">415 - Bolungarvík</option>
        <option value="420">420 - Súðavík</option>

        <option value="425">425 - Flateyri</option>
        <option value="430">430 - Suðureyri</option>
        <option value="450">450 - Patreksfirði</option>
        <option value="451">451 - Patreksfirði</option>
        <option value="460">460 - Tálknafirði</option>
        <option value="465">465 - Bíldudal</option>

        <option value="470">470 - Þingeyri</option>
        <option value="471">471 - Þingeyri</option>
        <option value="500">500 - Stað</option>
        <option value="510">510 - Hólmavík</option>
        <option value="512">512 - Hólmavík</option>
        <option value="520">520 - Drangsnesi</option>

        <option value="522">522 - Kjörvogi</option>
        <option value="523">523 - Bæ</option>
        <option value="524">524 - Norðurfirði</option>
        <option value="530">530 - Hvammstanga</option>
        <option value="531">531 - Hvammstanga</option>
        <option value="540">540 - Blönduósi</option>

        <option value="541">541 - Blönduósi</option>
        <option value="545">545 - Skagaströnd</option>
        <option value="550">550 - Sauðárkróki</option>
        <option value="551">551 - Sauðárkróki</option>
        <option value="560">560 - Varmahlíð</option>
        <option value="565">565 - Hofsós</option>

        <option value="566">566 - Hofsós</option>
        <option value="570">570 - Fljótum</option>
        <option value="580">580 - Siglufirði</option>
        <option value="600">600 - Akureyri</option>
        <option value="601">601 - Akureyri</option>
        <option value="602">602 - Akureyri</option>

        <option value="603">603 - Akureyri</option>
        <option value="610">610 - Grenivík</option>
        <option value="611">611 - Grímsey</option>
        <option value="620">620 - Dalvík</option>
        <option value="621">621 - Dalvík</option>
        <option value="625">625 - Ólafsfirði</option>

        <option value="630">630 - Hrísey</option>
        <option value="640">640 - Húsavík</option>
        <option value="641">641 - Húsavík</option>
        <option value="645">645 - Fosshólli</option>
        <option value="650">650 - Laugum</option>
        <option value="660">660 - Mývatni</option>

        <option value="670">670 - Kópaskeri</option>
        <option value="671">671 - Kópaskeri</option>
        <option value="675">675 - Raufarhöfn</option>
        <option value="680">680 - Þórshöfn</option>
        <option value="681">681 - Þórshöfn</option>
        <option value="685">685 - Bakkafirði</option>

        <option value="690">690 - Vopnafirði</option>
        <option value="700">700 - Egilsstöðum</option>
        <option value="701">701 - Egilsstöðum</option>
        <option value="710">710 - Seyðisfirði</option>
        <option value="715">715 - Mjóafirði</option>
        <option value="720">720 - Borgarfirði (eystri)</option>

        <option value="730">730 - Reyðarfirði</option>
        <option value="735">735 - Eskifirði</option>
        <option value="740">740 - Neskaupstað</option>
        <option value="750">750 - Fáskrúðsfirði</option>
        <option value="755">755 - Stöðvarfirði</option>
        <option value="760">760 - Breiðdalsvík</option>

        <option value="765">765 - Djúpavogi</option>
        <option value="780">780 - Höfn í Hornafirði</option>
        <option value="781">781 - Höfn í Hornafirði</option>
        <option value="785">785 - Öræfum</option>
        <option value="800">800 - Selfossi</option>
        <option value="801">801 - Selfossi</option>

        <option value="802">802 - Selfossi</option>
        <option value="810">810 - Hveragerði</option>
        <option value="815">815 - Þorlákshöfn</option>
        <option value="820">820 - Eyrarbakka</option>
        <option value="825">825 - Stokkseyri</option>
        <option value="840">840 - Laugarvatni</option>

        <option value="845">845 - Flúðum</option>
        <option value="850">850 - Hellu</option>
        <option value="851">851 - Hellu</option>
        <option value="860">860 - Hvolsvelli</option>
        <option value="861">861 - Hvolsvelli</option>
        <option value="870">870 - Vík</option>

        <option value="871">871 - Vík</option>
        <option value="880">880 - Kirkjubæjarklaustri</option>
        <option value="900">900 - Vestmannaeyjum</option>
        <option value="902">902 - Vestmannaeyjum</option>
      </select>
      {{errors.postal_code}}
    </div>

    <div class="fi_sel num_ppl req">
      <label for="reg_num"><acronym class="req" title="Þarf að fylla út: ">*</acronym>Fjöldi þátttakenda:</label>
      <select id="reg_num" name="num">
        <option></option>
        <option>1</option>
        <option>2</option>

        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
        <option>7</option>
        <option>8</option>

        <option>9</option>
        <option>10</option>
        <option>11</option>
        <option>12</option>
        <option>13</option>
        <option>14</option>

        <option>15</option>
        <option>16</option>
        <option>17</option>
        <option>18</option>
        <option>19</option>
        <option>20</option>
      </select>
    </div>


    <!-- 
      Hér injectar javascriptið innsláttarreitum með "aldur + kyn" valmöguleikum fyrir alla þátttakendur
      Heppilegt væri ef serverinn tæklaði það ef javascsript vantar (þ.e. ef aldur og kyn vantar alveg)
      og birti í því tilfelli sérstakt 2. skref þar sem spurt væri um það.
      
      Statískt HTML dæmi:
      ====================================================

      <fieldset class="agegender">
        <h3><acronym class="req" title="Þarf að fylla út: ">*</acronym>Aldur og kyn þátttakenda:</h3>
        <ol>
          <li>
            <span class="fi_txt fi_qty req">
              <label for="reg_age1">Aldur:</label>
              <input id="reg_age1" type="text" name="age_1" value="" maxlength="3" title="Aldur þátttakanda 1" />
            </span>
            <span class="fi_sel req">
              <label for="reg_gender1">Kyn:</label>
              <select id="reg_gender1" name="gender_1" title="Kyn þátttakanda 1">
                <option></option>
                <option value="kvk">Kvenkyns</option>
                <option value="kk">Karlkyns</option>
              </select>
            </span>
          </li>
          <li>
            <span class="fi_txt fi_qty req">
              <label for="reg_age2">Aldur:</label>
              <input id="reg_age2" type="text" name="age_2" value="" maxlength="3" title="Aldur þátttakanda 2" />
            </span>
            <span class="fi_sel req">
              <label for="reg_gender2">Kyn:</label>
              <select id="reg_gender2" name="gender_2" title="Kyn þátttakanda 2">
                <option></option>
                <option value="kvk">Kvenkyns</option>
                <option value="kk">Karlkyns</option>
              </select>
            </span>
          </li>
        </ol>  
      </fieldset>

    -->

    <div class="fi_txt fi_email req">
      <label for="reg_email"><acronym class="req" title="Þarf að fylla út: ">*</acronym>Netfang hópsins:</label>
      <input id="reg_email" type="text" name="email" value="{{ previous.email }}" />
      {{ errors.email }}
    </div>

    <div class="fi_txt fi_pwd req">
      <label for="reg_pwd1"><acronym class="req" title="Þarf að fylla út: ">*</acronym>Lykilorð:</label>
      <input id="reg_pwd1" type="password" name="password" value="{{ previous.password }}" />
      </div>

    <div class="fi_txt fi_pwd req">
      <label for="reg_pwd2"><acronym class="req" title="Þarf að fylla út: ">*</acronym>Lykilorð aftur:</label>

      <input id="reg_pwd2" type="password" name="password_confirm" value="{{ previous.password_confirm }}" />
    </div>
    
    <div class="fi_btn"><input type="submit" value="Skrá þátttakendur" /></div>   

</form>
      
      
  <h2>Gleymt lykilorð:</h2>
  <p class="reqnote">Sláið inn netfang og við sendum þér lykilorðið.</p>
  <form method="post" action="/forgot_password">
      <div class="fi_txt fi_email req">
      <label for="forgotten_email"><acronym class="req" title="Þarf að fylla út: ">*</acronym>Netfang hópsins:</label>
      <input id="forgotten_email" type="text" name="forgotten_email" value="" />
      {{ errors.email }}
    </div>
      <div class="fi_btn"><input type="submit" name="send_password" value="Gleymt lykilorð" /></div>

</form>
{% endblock %}